import { Tag, Button } from 'antd';
import React, { FC } from 'react'
import {
    PlusOutlined
} from '@ant-design/icons';

/**
 * 通用排行榜
 * @returns 
 */
const RankingList: FC = () => {
    return (
        <div className='common-rank-list'>
            <div className='rank-title'>
                <div style={{ fontSize: 18 }}>排行榜</div>
                <Button size='small' icon={<PlusOutlined />} >
                    更多
                </Button>
            </div>
            <div className='rank-list'>
                <ul className='rank-list-ul'>
                    <li className='rank-list-item'>
                        <span className='number top'>1</span>
                        <div className='rank-item-link one-line'>
                            雪中悍刀行
                        </div>
                    </li>
                    <li className='rank-list-item'>
                        <span className='number top'>2</span>
                        <div className='rank-item-link one-line'>
                            风气洛阳
                        </div>
                    </li>
                    <li className='rank-list-item'>
                        <span className='number top'>3</span>
                        <div className='rank-item-link one-line'>
                            白蛇情
                        </div>
                    </li>
                    <li className='rank-list-item'>
                        <span className='number'>3</span>
                        <div className='rank-item-link one-line'>
                            白蛇情
                        </div>
                    </li>
                    {/* {
                        [1, 2, 3, 4, 5, 6, 7].map(item => {
                            return <li className='rank-list-item'>
                                <span className='number'>{item + 3}</span>
                                <div className='rank-item-link one-line'>
                                    白蛇情
                                </div>
                            </li>
                        })
                    } */}
                </ul>
            </div>
        </div>
    )
}

export default RankingList;


